import Hello from '../components/Hello.vue'

// 创建一个Vue插件，并暴露出去
export default {
  // 1.install方法何时被调用？—— 有人使用该插件时
  install(Vue){
    console.log('晶晶被别人调用了！')
    // 定义一个全局的组件
    Vue.component('Hello',Hello)

    // 创建一个全局的自定义指令
    Vue.directive('beauty',function(element,{value}){
      element.innerText = value
        element.style.color = 'red'
        element.style.backgroundColor = 'yellow'
        element.style.border = '5px solid green'
    })

    // 创建一个全局的过滤器
    Vue.filter('qiege',function(value,n){
      return value.slice(0,n)
    },)

    // 在原型上添加一些属性和方法
    Vue.prototype.xuexiao = '尚硅谷'
    Vue.prototype.welcome = function(){
      alert('你好！')
    }
  }
}

